/* 整个文件所有的设置成为规则集 */

/* 选择器 */
/* p,li,h1 { */
    /* 属性  属性值 */
    /* color: red; */
    /*    声明    */
/* } */
/* 选择器分类 元素选择器 */

/* ID 选择器 # + ID */
/* Class 选择器 . + class name */
/* 属性选择器 img[src] 指定了特定属性的元素 */
/* 伪类选择器 a:hover 特定状态下的特定元素 */


html {
    font-size: 10px;
    font-family: "Open Sans", sans-serif;
    background-color: #00539F;
}

h1 {
    font-size: 60px;
    text-align: center;
}

p,li {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 1px;
}
body {
    width: 600px;
    /* auto 代表左右两边对称 */
    margin: 0 auto;
    background-color: #FF9500;
    /* 
        web 的规则是 上 右 下 左
        ios 的规则是 上 左 下 右
    */
    padding: 0 20px 20px 20px;
    border: 5px solid black;
  }

  h1 {
    margin: 0;
    padding: 20px 0;    
    color: #00539F;
    text-shadow: 3px 3px 1px black;
  }

  img {
    display: block;
    margin: 0 auto;
  }
  